/* 自定义样式 */

/* 导航栏样式优化 */
.navbar {
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}

/* 卡片样式优化 */
.card {
  border-radius: 8px;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);
  transition: transform 0.2s, box-shadow 0.2s;
}

.card:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.1);
}

/* 帖子列表项样式 */
#artical-items-body > div {
  padding: 15px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
  transition: background-color 0.2s;
}

#artical-items-body > div:hover {
  background-color: rgba(0, 0, 0, 0.02);
}

/* 按钮样式优化 */
.btn-primary {
  background-color: #3b82f6;
  border-color: #3b82f6;
}

.btn-primary:hover {
  background-color: #2563eb;
  border-color: #2563eb;
}

/* 头像样式 */
.avatar {
  border: 2px solid rgba(255, 255, 255, 0.8);
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}

/* 响应式调整 */
@media (max-width: 768px) {
  .card {
    margin-bottom: 15px;
  }
  
  /* 继承custom-buttons.css中的小屏幕按钮样式 */
  .btn {
    padding: 0.5rem 0.75rem;
    font-size: 0.875rem;
  }
}